import React from 'react';
import styled from '@emotion/styled';

interface MessageItemTextProps {
	content: string;
}

const MessageItemText: React.FC<MessageItemTextProps> = ({ content }) => {
	return <TextContainer dangerouslySetInnerHTML={{ __html: content }} />;
};

export default MessageItemText;

const TextContainer = styled.div`
	font-size: 14px;
	text-align: left;
	white-space: pre-line;
`;
